iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
自我挑戰組

Vue.js系列 第 9

JSON介紹

  • 分享至 

  • xImage
  •  

今天要先介紹JSON的寫法,明天的實作會取用今天建置好的JSON檔介紹Methods和Computed的不同,所以我們今天先來了解一下JSON格式怎麼寫吧!
JSON的全名是JavaScript Object Notation,從他的全名我們就可以看出他是用JavaScript物件來表達資料;JSON它是一個純文字的資料交換的格式

那麼JSON的格式該怎麼寫呢?
在JavaScript中建立物件我們需要先宣告一個變數然後new Object 像這樣「var person = new Object();」, 而JSON中就是把new Object()改寫成{ }代表建立一個物件,而在JavaScript中當我們要在物件上表達屬性就會寫成

person.name=chu;
person.position=student;

這代表有一個name屬性和position屬性,而在JSON中我們會把屬性用Key, Value的形式寫在{}中,如果要寫兩個以上的屬性,屬性和屬性中間用「,」隔開就可以了!

{
    "name" : "chu",
    "position" : "student"
}

所以在這個例子中他就是一個物件裡有name和position兩個屬性

在JSON檔中也會有使用陣列包住多個物件的寫法,這是因為陣列也屬於JSON物件,所以我們沿用上面的例子再加上一個[],接著在陣列中的每個物件我們再使用大括號包住它的屬性,這裡要注意的是在JSON格式中每個屬性的key和value都要記得加雙引號喔!

[
    {
        "name" : "chu",
        "position" : "student"
    }
]

github


上一篇
Lifecycle
下一篇
Computed vs Methods
系列文
Vue.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言